<template>
  <div id="app">
    <router-link to="/">
      <span style="margin-left: 20px">首页</span>
    </router-link>
    <router-link to="/base/zujian">
      <span style="margin-left: 20px">zujian</span>
    </router-link>
   <router-link to="/base/button">
      <span style="margin-left: 20px">button</span>
    </router-link>

    <router-link to="/base/grid">
      <span style="margin-left: 20px">grid布局</span>
    </router-link>
    <router-link to="/base/checkbox">
      <span style="margin-left: 20px">checkbox</span>
    </router-link>

    <router-link to="/base/radio">
      <span style="margin-left: 20px">radio</span>
    </router-link>

    <router-link to="/base/datePicker">
      <span style="margin-left: 20px">datePicker</span>
    </router-link>

    <router-link to="/base/signature">
      <span style="margin-left: 20px">signature</span>
    </router-link>
    <transition>
      <router-view />
    </transition>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>
